<template>
   <div class="">
   <div class="input-item">
                    <div class="lbl-box">
                        <label for="txtPasswordComfirm">确认密码</label>
                    </div>
                    <div class="txt-box">
                        <div class="val-box partial">
                            <input
                                class="txt-input"
                                id="txtPasswordComfirm"
                                name="passwordComfirm"
                                type="password"
                                placeholder="请输入密码"
                                value
                                ref="passwordConfirm"
                                v-model="passwordConfirm"


                            >
                            <i class="icon iconfont icon-guanbi111 custom-Eicon" @click="keywordEmpty()"></i>
                        </div>
                        <!-- <div class="fuc-box">
                            <span class="custom-verHr">|</span>
                            <router-link class="forget-btn" to="/forgetpw">忘记密码</router-link>
                        </div> -->
                    </div>
                </div>
   </div>
</template>

<script type="text/ecmascript-6">
export default {
   name: '',
   data() {
       return {}
   },
  components: {},
    methods: {
        keywordEmpty() {
            this.$refs.passwordComfirm.value = "";
        }
    },
    computed: {
        passwordComfirm: {
            get() {
                return this.$store.state.loginform.passwordComfirm;
            },
            set(value) {
                this.$store.commit("updatePasswordComfirm", value);
            }
        }
    }

}
</script>

<style scoped lang="css">
</style>
